@charset "utf-8";

/* System */
*{font-family: Arial, Sans-serif;}
:active, :focus{outline: none;}
body{font-size: 12px;min-width: 1000px;}
body, h1, h2, h3, h4, h5, h6, form, input, select, ul, p{margin: 0px;}
img{border: none;-ms-interpolation-mode: bicubic;}
table{ border-collapse:collapse;}
input[type="text"],input[type="password"] {background: #FFFFFF;border: 1px solid #CCC;font-size: 12px; padding: 2px; color: #333;}
select {border: 1px solid #CCC;font-size: 11px;padding: 2px 2px 2px 2px; color: #333; max-width: 256px;}
textarea{ background: #FFFFFF;border: 1px solid #CCCCCC;font-size: 12px;padding: 3px; color: #333;}
legend {color: #146295;font-size: 14px;font-weight: bold;}
a, a:link, a:visited {color: #0051a4;text-decoration: none;}
a:hover,a.active {color: #ff005a;text-decoration: none;}

.body{background: #CCC;}
.content{padding: 3px 3px 20px; min-height: 480px;border-bottom: 3px solid #00a8ff;}
.content2{padding: 0px; min-height: 500px;}
.left_content{ width: 20%; float:left;}
.right_content{ width: 80%; float:left; min-height: 500px;}

.block_header{ padding: 10px 3px 0; background: #FFF;border-bottom: 3px solid #00a8ff;}
.block_header .logo{width: 20%; float: left; color: #ff005a; font-size: 30px;}
.block_header .logo a{color: #ff005a; margin: 0 4px;}
.block_header .logo img{max-width: 95%; margin: 10px 0 0 2px;}
.block_header .right{float: right; width: 80%;}
.block_header .right .top{margin: 0 4px;}
.block_header .thanhVien{ float: right;}
.block_header .thanhVien .avatar { float: left; margin-right: 5px;}
.block_header .thanhVien .avatar img{height: 30px; border: 1px solid #f0f0f0; padding: 1px;}
.block_header .thanhVien .info{ float: left;}
.block_header .thanhVien .info .name{display: inline-block; color: #FF005A; margin-bottom: 2px;}
.block_header .thanhVien .info .thoat{display: inline-block;}
.block_header .timKiem{float: left; width: 300px; height: 25px; border: 1px solid #CCC; background: #FFF; margin-bottom: 10px; position: relative;}
.block_header .timKiem .btnSearch{width: 23px; height: 25px; background: url("../images/icon_search.png") no-repeat left; float: right; border: none; cursor: pointer; position: absolute; top: 0; right: 0;}
.block_header .timKiem .txtSearch{padding: 5px; width: 265px; border: none; font-size: 11px; color: #333;}
.block_header .optionSearch{background: #f6f6f6; padding: 0px 10px; border: 1px solid #CCC; z-index: 500; position: absolute; top: 25px; left: -1px; width: 257px; display: none;}
.block_header .optionSearch input{float: left; margin-right: 5px;}
.block_header .optionSearch label{margin: 8px 0; display: block; color: #666;}
.block_header .thongTin{ float: left; margin-left: 10px; padding-top: 3px;}
.block_header .thongTin .thongbao{ float: left; position: relative;}
.block_header .thongTin .thongbao a{display: block; width: 22px; height: 22px; background: url("../images/system/icon-info.png") no-repeat center center; margin: 0 10px; padding: 2px;}
.block_header .thongTin .canhbao{ float: left; position: relative;}
.block_header .thongTin .canhbao a{display: block; width: 22px; height: 22px; background: url("../images/system/icon-notice.png") no-repeat center center; margin: 0 10px; padding: 2px;}
.block_header .thongTin .congviec{ float: left; position: relative;}
.block_header .thongTin .congviec a{display: block; width: 22px; height: 22px; background: url("../images/system/icon-stats.png") no-repeat center center; margin: 0 10px; padding: 2px;}
.block_header .thongTin .lich{ float: left; position: relative;}
.block_header .thongTin .lich a{display: block; width: 22px; height: 22px; background: url("../images/system/icon-calendar.png") no-repeat center center; margin: 0 10px; padding: 2px;}
.block_header .thongTin a:hover{background-color: #efefef;}
.block_header .thongTin .number{position: absolute; bottom: 17px; left: 29px; background: #FF005A; border-radius: 2px 2px 2px 2px; color: #FFF; font-size: 10px; padding: 0px 2px; min-width: 10px; text-align: center;}

.block_mainMenu{border: 1px solid #CCC; border-bottom: none; background: url("../images/bg_h.png") repeat-x 0 -178px; margin: 0 4px;}
.block_mainMenu .menu{margin: 0; padding: 0; list-style: none; height: 27px;}
.block_mainMenu .menu li{float: left; position: relative;}
.block_mainMenu .menu li a{padding: 6px 17px 6px 15px; font-weight: bold; display: block; background: url("../images/li_menu.png") no-repeat right;}
.block_mainMenu .menu li a:hover,.block_mainMenu .menu li a.selected,.block_mainMenu .menu li a.active{background: url("../images/li_menu.png") no-repeat right #00A8FF; color: #FFF;}
.block_mainMenu .menu li ul{ margin: 0; padding: 0px 0; list-style: none; position: absolute; top: 27px; left: 0; width: 200px;background-color: #f6f6f6; border-top: 3px solid #00A8FF; border-bottom: 1px solid #e0e0e0; z-index: 100; display: none;}
.block_mainMenu .menu li ul li{float: none; display: block; padding: 0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;}
.block_mainMenu .menu li ul li a{background-color: #f6f6f6; background-image: none; color: #0051A4; font-weight: normal; padding: 0; height: 28px; line-height: 28px;}
.block_mainMenu .menu li ul li a:hover,.block_mainMenu .menu li ul li a.active{background-color: #efefef; background-image: none; color: #0051A4;}
.block_mainMenu .menu li ul li span{width: 16px; height: 16px; display: inline-block; float: left; margin: 5px 4px 0;}
.block_mainMenu .menu li.line_menu{ height: 1px; background: #e6e6e6;}

.block_footer{ padding: 10px 10px 20px; text-align: right; color: #666; font-size: 11px; background: #fefefe;}

.block_left{ margin: 2px 1px 8px 1px;}
.block_left .block_khung{margin: 3px; background: #f6f6f6; padding: 3px;}
.block_left .block_title{height: 26px; background: url("../images/bg_h_2.png") repeat-x 0 0; color: #000; font-weight: bold; font-size: 12px; line-height: 26px; padding-left: 6px;}
.block_left .block_content{ padding: 5px;}
.block_left .block_title .toggleBlock {cursor: pointer;display: block;width: 13px; height:13px; float: left; margin: 6px 6px 0 0px}
.block_left .block_title .db-up {background: url("../images/slide.gif") no-repeat right 0;}
.block_left .block_title .db-down {background: url("../images/slide.gif") no-repeat left 0;}

/* Block block_breadcrumb */
.block_breadcrumb{padding: 0; list-style: none; margin: 0; overflow: hidden;background: url("../images/icon_home.png") no-repeat 0px #f3f3f3; height: 30px; line-height: 33px; padding: 0 30px; color: #008484;}
.block_breadcrumb .arrow {background: url("../images/icon_7.png") no-repeat left 13px;height: 30px;width: 8px;}
.block_breadcrumb ul{ padding: 0; margin: 0; list-style: none;}
.block_breadcrumb li{ color: #ff005a;float: left;font-weight: normal;padding-right: 5px;}
.block_breadcrumb li a {font-size: 12px;font-weight: normal; color: #008484;}
.block_breadcrumb li a:hover {color: #ff005a;}

.appContent{ margin: 3px 4px;}
.appContent .appTop{ background: url("../images/bg_h_2.png") repeat-x 0 -308px; height: 30px;}
.appContent .appBody{ padding: 3px 4px;}
.appContent .appBottom{padding: 10px 0;}
.appContent .formList{background: #FFF;}
.appContent input:focus,.appContent select:focus,.appContent textarea:focus,.appContent input.active {background-color: #f9f9f9;}

.appContent .formTop{ background: url("../images/bg_h_2.png") repeat-x 0 -308px; height: 30px;}
.appContent .formTop .form_title {color: #FF005A; font-size: 16px; padding: 5px 0 0 10px;}
.appContent .formBody{ padding: 10px; border-top: 1px solid #e6e6e6;}
.appContent .formBottom{padding: 10px 0;}
.appContent .formToolbar{padding: 10px 0;}

/* Block Toolbar */ 
.block_toolbar {background: #F4F4F4;margin-bottom: 5px; padding: 5px 0;}
.block_toolbar .toolbar {float: right;text-align: right;padding: 0;}
.block_toolbar .divider {border-right: 1px solid #e1e1e1;width: 2px;float: left;color: #666666;text-align: center;margin-right: 5px;display: block;height: 50px;}
.block_toolbar .header {background-repeat: no-repeat;color: #0051A4;font-size: 22px;font-weight: bold;line-height: 48px;margin-left: 10px;padding-left: 55px;}
.block_toolbar .toolbar-button {float: left;color: #666666;text-align: center;margin-right: 5px;}
.block_toolbar .toolbar-button a{border: 1px solid #F4F4F4;cursor: pointer;display: block;float: left;padding: 1px 5px;white-space: nowrap;font-size: 11px;}
.block_toolbar .toolbar-button a:hover, .toolbar-button a:focus, .toolbar-button a:active {border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;border-left: 1px solid #EEEEEE;border-style: solid;border-width: 1px;color: #0B55C4;text-decoration: none;}
.block_toolbar span {display: block;float: none;height: 32px;margin: 0 auto;width: 32px;}

.tblList{ width: 100%;}
.tblList th{border: 1px solid #e6e6e6; padding: 7px 4px; background: #f3f3f3; color: #DB2766;}
.tblList th a{color: #ff005a;}
.tblList th a:hover{color: #333;}
.tblList th .note{font-size: 10px; font-weight: normal;}
.tblList td{border: 1px solid #e6e6e6; padding: 6px 4px; line-height: 16px; font-size: 12px;}
.tblList tr.row1 td{ background-color: #F9F9F9;}
.tblList tr:hover td{ background-color: #E8F6FE;}
.tblList .smallsub{color: #666; font-size: 11px;}
.tblList .smallsub .code{ color: #BF6C00;}
.tblList .quanly{ font-size: 11px; color: #333;}
.tblList .icon_control{margin: 0 1px; display: inline-block;}
.tblList .gi{color: #999;}
.tblList .inputText{ color: #333; background: transparent; border: none; float: none !important; width: auto !important; text-align: center;}
.tblList .inputText:hover, .tblList .inputText:active, .tblList .inputText:focus{background: transparent;}
.tblList input[type="text"]{color: #333; font-size: 12px;}

.tblForm{ padding: 5px 0;}
.tblForm .tbl_title{ height: 26px; background: url("../images/bg_h_2.png") repeat-x 0 -312px; color: #FF005A; font-weight: bold; font-size: 12px; line-height: 26px; padding-left: 15px;}
.tblForm .tbl_content{ padding: 10px;}
.tblForm .tbl_content .tbl{width: 100%; font-size: 12px;}
.tblForm .tbl_content .tbl td{padding: 5px; min-height: 20px; vertical-align: top; max-width: 200px;}
.tblForm .tbl_content .tbl td label{float: left; margin-right: 20px; margin-left: 0; margin-top: 4px; height: 16px; line-height: 16px;}
.tblForm .tbl_content .tbl td label input{float: left; margin-right: 5px;}
.tblForm .tbl_content .tbl .label{width: 15%; text-align: right; vertical-align: top; padding-top: 9px;}
.tblForm .tbl_content .tbl .label2{width: 15%; text-align: right; vertical-align: top; padding-top: 9px;}
.tblForm .tbl_content .tbl .note{color: #666;}
.tblForm .tbl_content .tbl_info .label{width: 15%; text-align: right; vertical-align: top; padding-top: 5px; font-weight: bold;}
.tblForm .tbl_content .tbl_info .label span{display: none;}
.tblForm .tbl_content .tbl_info .divChonUser .item{ padding: 2px !important;}
.tblForm .tbl_content .tbl_info .divChonUser .item .delete{display: none;}
.tblForm .tbl_content .tbl .showListUser {background: url("../images/btn_lookup.png") no-repeat; display: block; height: 16px; overflow: hidden; text-indent: -99999px; width: 16px; float: left; margin: 3px 0 0 3px;}
.tblForm .tbl_content .tbl .deleteListUser {background: url("../images/clear.gif") no-repeat; display: block; height: 16px; overflow: hidden; text-indent: -99999px; width: 16px; float: left; margin: 1px 0 0 3px;}
.tblForm .tbl_content .tbl .showListMarketing {background: url("../images/btn_lookup.png") no-repeat; display: block; height: 16px; overflow: hidden; text-indent: -99999px; width: 16px; float: left; margin: 3px 0 0 3px;}
.tblForm .tbl_content .tbl .deleteListMarketing {background: url("../images/clear.gif") no-repeat; display: block; height: 16px; overflow: hidden; text-indent: -99999px; width: 16px; float: left; margin: 1px 0 0 3px;}
.tblForm .tbl_content .tbl2{ font-size: 12px;}
.tblForm .tbl_content .tbl2 td{padding: 5px; min-height: 20px; vertical-align: top;}
.tblForm .tbl_content .tbl2 td label{float: left; margin-right: 20px; margin-left: 0; margin-top: 4px; height: 16px; line-height: 16px;}
.tblForm .tbl_content .tbl2 td label input{float: left; margin-right: 5px;}
.tblForm .tbl_content .tbl2 .label{ text-align: right; vertical-align: top; padding-top: 9px;}
.tblForm .tbl_content .tbl2 .label2{ text-align: right; vertical-align: top; padding-top: 9px; padding-left: 50px;}
.tblForm .tbl_content .tbl2 .note{color: #666;}
.tblForm .tbl_content .tbl_info2 .label{text-align: right; vertical-align: top; padding-top: 5px; font-weight: bold;}
.tblForm .tbl_content .tbl_info2 .label span{display: none;}
.tblForm .tbl_content .tbl_info2 .label2{text-align: right; vertical-align: top; padding-top: 5px; font-weight: bold;}
.tblForm .tbl_content .tbl_info2 .label2 span{display: none;}
.tblForm input[type="text"],.tblForm input[type="password"],.tblForm input[type="file"] {float: left; margin-right: 2px;}
.tblForm select {float: left;}
.tblForm textarea {float: left;}

.adminformlist{width: 100%; font-size: 12px;}
.adminformlist td{padding: 5px; min-height: 20px; vertical-align: top;}
.adminformlist td label{float: left; margin-right: 20px; margin-left: 0; margin-top: 4px; height: 16px; line-height: 16px;}
.adminformlist td label input{float: left; margin-right: 5px;}
.adminformlist td .text{padding-top: 4px; display: inline-block;}
.adminformlist .form_title{width: 15%; text-align: right; vertical-align: top; padding-top: 9px;}
.adminformlist .note{color: #666;}
.adminformlist .desc{color: #666; font-size: 11px;}
.adminformlist .hinh-anh{ margin-top: 3px; max-width: 200px;}
.adminformlist_info .form_title{width: 15%; text-align: right; vertical-align: top; padding-top: 5px; font-weight: bold;}
.adminformlist_info .form_title span{display: none;}
.adminformlist_info .divChonUser .item{ padding: 2px !important;}
.adminformlist_info .divChonUser .item .delete{display: none;}

.adminField{ border: 1px solid #efefef; margin: 0;}
.adminField .label { color: #196096; font-size: 11px; padding-left: 1px;}
.adminField legend { color: #333; font-size: 12px; }
.adminField td { padding-right: 5px; }
.contentPopup{ padding-top: 5px;}
.contentPopup .left{width: 60%; float: left; clear: left;}
.contentPopup .right{width: 39%; float: right; clear: right;}
.contentPopup .adminField{ height: 385px; overflow: auto;}

/* Tim kiem trong danh sach */
.block_filter{padding: 4px 4px 0;}
.block_filter .listSearch .txtsearch{width: 150px; float: left;}
.block_filter .listSearch .btnsearch{float: left; background: #FFF; border: 1px solid #CCC; cursor: pointer; margin-left: 2px; padding: 0px 5px; font-size: 11px; display: inline-block; height: 22px; vertical-align: middle;}
.block_filter .listSearch .btnsearch:hover{background: #00A8FF; color: #FFF; border: 1px solid #049CE8;}
.block_filter .title{ font-weight: bold; padding: 2px 0 0 5px; display: inline-block; font-size: 14px;}
.block_filter .listSelect select{ margin-left: 3px;}

/* Block login */
.block_login{ width: 410px; margin: 150px auto 0;background: #FFF; border: 1px solid rgba(255, 255, 255, 0.3);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
.block_login .block_title{background:url("../images/bg-title-lightbox.jpg") no-repeat bottom #FFF; font-weight: normal;padding:3px 7px 2px 3px; position: relative; color: #555555; font-size: 16px; height: 28px; line-height: 26px;}
.block_login .block_title .icon{width: 28px; height: 28px; background: url("../images/user.png") no-repeat; float: left; margin-right: 3px;}
.block_login .block_content{padding: 10px;}
.block_login .block_content td{padding: 5px;}

/* Phan trang */
.pagination {display: table;padding: 0;margin: 0 auto; color: #333;}
.pagination .limit {float: left;height: 22px;line-height: 22px;margin: 0 10px;}
.pagination .select{ padding: 1px;}
.page-left,.page-right,.page-left div,.page-right div {float: left;}
.page-left a,.page-right a,.page-left span,.page-right span{display: block;height: 22px;float: left;line-height: 22px;font-size: 11px;color: #333;cursor: pointer;}
.page-left span,.page-right span {cursor: default;color: #999;}
.page-left .page a,.page-right .page a,.page-left .page span,.page-right .page span,.page-left .blank a,.page-right .blank a,.page-left .blank span,.page-right .blank span{padding: 0 6px;}
.page span,.blank span {color: #FF005A;font-weight: bold;}
.page-left a:hover,.page-right a:hover {text-decoration: none;color: #025A8D;}
.page-left a,.page-left span {padding: 0 24px 0 6px;}
.page-right a,.page-right span {padding: 0 6px 0 24px;}
.page-left {background: url(../images/j_button2_left.png) no-repeat;float: left;margin-left: 5px;}
.page-right {background: url(../images/j_button2_right.png) 100% 0 no-repeat;float: left;margin-left: 5px;}
.page-right .prev {background: url(../images/j_button2_prev.png) no-repeat;}
.page-right.off .prev {background: url(../images/j_button2_prev_off.png) no-repeat;}
.page-right .start {background: url(../images/j_button2_first.png) no-repeat;}
.page-right.off .start {background: url(../images/j_button2_first_off.png) no-repeat;}
.page-left .page,.page-left .blank {background: url(../images/j_button2_right_cap.png) 100% 0 no-repeat;}
.page-left .next {background: url(../images/j_button2_next.png) 100% 0 no-repeat;}
.page-left.off .next {background: url(../images/j_button2_next_off.png) 100% 0 no-repeat;}
.page-left .end {background: url(../images/j_button2_last.png) 100% 0 no-repeat;}
.page-left.off .end {background: url(../images/j_button2_last_off.png) 100% 0 no-repeat;}
.page-left .image {background: url(../images/j_button2_image.png) 100% 0 no-repeat;}
.page-left .readmore {background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;}
.page-left .pagebreak {background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;}
.page-left .blank {background: url(../images/j_button2_blank.png) 100% 0 no-repeat;}

/* Left menu */
.leftMenu{margin: 0; padding: 0; list-style: none;}
.leftMenu a{ padding: 7px 3px 5px 20px; display: block;}

.dragbox{ float: left;}
.dragbox .block_khung{margin: 3px; background: #f6f6f6; border: 1px solid #efefef; padding: 2px;}
.dragbox .block_title{height: 26px; background: url("../images/bg_h_2.png") repeat-x 0 0; color: #000; font-weight: bold; font-size: 12px; line-height: 25px; padding-left: 6px;}
.dragbox .block_title a{color: #000;}
.dragbox .block_title a:hover{color: #FFF;}
.dragbox .block_title .viewAll{float: right; padding: 0px 2px 0 0; font-size: 11px; color: #666;}
.dragbox .block_title .viewAll .select{font-size: 11px; color: #666; border: 1px solid #efefef; padding: 1px 2px; margin-top: 3px; margin-left: 3px;}
.dragbox .block_title .viewAll a{ margin-right: 5px;}
.dragbox .block_content{ height: 250px;}
.dragbox .block_title .toggleBlock {cursor: pointer;display: block;width: 13px; height:13px; float: left; margin: 6px 6px 0 0px}
.dragbox .block_title .db-up {background: url("../images/slide.gif") no-repeat right 0;}
.dragbox .block_title .db-down {background: url("../images/slide.gif") no-repeat left 0;}
.dragbox .dangtai{ background: url("../images/loading2.gif") no-repeat center center;}

.privileges .div_title{color: #FF005A; font-size: 11px; font-weight: bold; margin: 10px 0 3px;}
.privileges .start{margin: 0;}
.privileges .div_title span{float: left;}
.privileges label {margin: 4px 0 4px 20px;min-width: 185px; display: inline-block; font-size: 11px;}
.privileges label input{float: left; margin-right: 5px;}

.txtlong {height: 16px;width: 400px;}
.txtmedium{height: 16px;width: 250px;}
.txtshort{height: 16px;width: 100px;}

.txtalong {height: 30px;width: 398px;}
.txtamedium{height: 30px;width: 248px;}
.txtashort{height: 30px;width: 100px;}

.txtfile{width: 321px;height: 16px;}
.textarea{ border: 1px solid #CCC; padding: 3px; font-size: 11px; width: 88%;}
.width67{ width: 66.7%;}
.width33{ width: 33.3%;}
.width50{ width: 50%;}

.tableTeam1{ width: 100%;border: 1px solid #efefef;}
.tableTeam1 th{ border: 1px solid #efefef; padding: 4px; background: #f3f3f3; text-align: left;}
.tableTeam1 td{ border: 1px solid #efefef; padding: 4px; font-size: 12px;}
.tableTeam1 a{ color: #206193 !important;}
.tableTeam1 a:hover{ color: #FF8800 !important;}
.tableTeam1 .name{ color: #206193;}

.tblFilter{ width: 100%;}
.tblFilter .title{ padding-bottom: 3px;}
.tblFilter .noidung{}
.tblFilter label{ font-size: 11px; display: inline-block; margin-right: 20px; margin-bottom: 5px; width: 180px;}
.tblFilter input{ float: left; margin:0px 5px 2px 0;}

.btlFiller{ text-align: right; padding: 5px 0;}

.divChonUser{height: 40px;width: 252px; border: 1px solid #CCC; overflow: auto; float: left; padding: 1px;}
.divChonUser .item{padding: 2px 15px 2px 2px; margin: 1px; position: relative; display: inline-block; background: #efefef; cursor: pointer;}
.divChonUser .item .delete{display: block; width: 14px; height: 14px; background: url("../images/ui-icons_999999_256x240.png") no-repeat -80px -131px; position: absolute; top: 1px; right: 1px;}
.divChonUserLong{ height: 50px;}

.divChonMarketing{height: 40px;width: 252px; border: 1px solid #CCC; overflow: auto; float: left; padding: 1px;}
.divChonMarketing .item{padding: 2px 15px 2px 2px; margin: 1px; position: relative; display: inline-block; background: #efefef; cursor: pointer;}
.divChonMarketing .item .delete{display: block; width: 14px; height: 14px; background: url("../images/ui-icons_999999_256x240.png") no-repeat -80px -131px; position: absolute; top: 1px; right: 1px;}

.divChonManager{height: 40px;width: 252px; border: 1px solid #CCC; overflow: auto; float: left; padding: 1px;}
.divChonManager .item{padding: 2px 15px 2px 2px; margin: 1px; position: relative; display: inline-block; background: #efefef; cursor: pointer;}
.divChonManager .item .delete{display: block; width: 14px; height: 14px; background: url("../images/ui-icons_999999_256x240.png") no-repeat -80px -131px; position: absolute; top: 1px; right: 1px;}
.showListManager {background: url("../images/btn_lookup.png") no-repeat; display: block; height: 16px; overflow: hidden; text-indent: -99999px; width: 16px; float: left; margin: 3px 0 0 3px;}
.deleteListManager {background: url("../images/clear.gif") no-repeat; display: block; height: 16px; overflow: hidden; text-indent: -99999px; width: 16px; float: left; margin: 1px 0 0 3px;}

.divLichHoc{ padding-top: 9px !important;}
.divLichHoc .item{ padding-bottom: 3px;}
.divLichHoc .item .stt{ display: inline-block; width: 10px;}
.divLichHoc .item .thu{ font-weight: bold;}
.divLichHoc .item .gio{display: inline-block; padding-left: 3px;}
.divLichHoc .item .diadiem{display: inline-block; padding-left: 13px;}

.phanTrangAjax{ padding: 5px 2px 5px; text-align: right; color: #666;}
.phanTrangAjax table{width: 100%;}
.phanTrangAjax table td{ padding: 0;}
.phanTrangAjax a{color: #206193 !important; display: inline-block; padding-left: 8px;}
.phanTrangAjax a:hover{ color: #FF8800 !important;}
.phanTrangAjax span{ color: #FF8800 !important; display: inline-block; padding-left: 8px;}

.blockFunction {display:none;}
.blockFunction{border: 1px solid #CCC; z-index: 500; position: absolute; top: 20px; left: -100px; width: 170px; display: none; text-align: left;}
.blockFunction ul{padding:5px 3px; margin: 0; background: url("../images/bg_right_menu.jpg") repeat-y left #f6f6f6;}
.blockFunction ul li{list-style: none;}
.blockFunction label{margin: 8px 0; display: block; color: #666;}
.blockFunction a{ display: block; padding: 5px 4px 4px 28px;}

.btnMedia {background: url("../images/bg1px.gif") repeat-x scroll 0 0 transparent;border-radius: 5px 5px 5px 5px;color: #FFFFFF !important;font-size: 11px;height: 22px;line-height: 22px;margin-left: 5px;padding: 0px 10px; float: left;}
.btnMedia:hover{background: url(../images/bg1px.gif) repeat-x 30px;text-decoration: none;}

.tblButton { text-align: right; padding-top: 5px;}
.loading_page{background: url("../images/loading4.gif") no-repeat center center; display: inline-block; width: 150px; height: 20px; position: fixed; top: 0; right: 0;}
.dangtai{ background: url("../images/loading5.gif") no-repeat center center; }
.dangtai2{ background-image: url("../images/loading5.gif") !important; background-repeat: no-repeat !important; background-position: center center !important;}
.clr,.clear{ clear:both;}
.clearfix:after {clear: both;content: " ";display: block;font-size: 0;height: 0;line-height: 0;visibility: hidden;width: 0;}
.view_error{ font-size: 11px; color: #FF0000; background: url("../images/warning.gif") no-repeat left 1px; padding-left: 14px;margin-top: 2px; float: left; clear: left;}
.thongbaoError{ padding: 7px 10px 7px 35px; margin-bottom: 5px; font-size: 16px; color: #FF0000; background: url("../images/notice-alert.png") no-repeat 3px 2px #FFBFBF;}
.thongbaoErrorSmall{ padding: 4px 10px 4px 25px; margin: 5px 5px 0; font-size: 12px; color: #FF0000; background: url("../images/icon-16-deny.png") no-repeat 5px 3px #FFBFBF;}
.thongbaoThanhCong{ padding: 7px 10px 7px 35px; margin-bottom: 5px; font-size: 16px; color: #1a589f; background: url("../images/notice-info.png") no-repeat 3px 2px #bcdcff;}
.button {background:url("../images/bg_button.png") repeat-x;border: 0 none;color: #FFFFFF !important;cursor: pointer;font-weight: bold;padding: 0 10px; height: 24px; ;line-height: 24px; display: inline-block;}
.button:hover{background-position:0 -28px;}
button.button,input.button {padding-bottom: 4px; line-height: normal;}
.bgtrang{ background:#FFF;}
.fl{ float:left !important;}
.fr{ float:right !important;}
.pd0{ padding:0 !important;}
.pdl3{ padding-left:3px !important;}
.pdr3{ padding-right:3px !important;}
.pdr5{ padding-right:5px !important;}
.pd3{ padding:3px !important;}
.pd5{ padding:5px !important;}
.pd10{ padding:10px !important;}
.pd20{ padding:20px !important;}
.pdt3{ padding-top:3px !important;}
.pdt5{ padding-top:5px !important;}
.pdt15{ padding-top:15px !important;}
.pdb5{ padding-bottom:5px !important;}
.pdl5{ padding-left:5px !important;}
.pdt10{ padding-top:10px !important;}
.pdr10{ padding-right:10px !important;}
.pdb10{ padding-bottom:10px !important;}
.mrb10{ margin-bottom:10px !important;}
.mrl3{ margin-left: 3px;}
.mrl10{ margin-left: 10px;}
.pdl10{ padding-left:10px !important;}
.pdl15{ padding-left:15px !important;}
.pdl10{ padding-left:10px !important;}
.mrt10{ margin-top:10px !important;}

.do, .red, .star{ color:#F00 !important;}
.hong{ color: #FF00AA !important;}
.dam{ font-weight:bold !important;}
.xam{ color:#393939 !important;}
.cam{ color:#f68828 !important;}
.naudam{color:#5f0333 !important;}
.center{ text-align:center !important;}
.font16{ font-size:16px !important;}
.line150{ line-height:150% !important;}
.line180{ line-height:180% !important;}

.font11{ font-size: 11px;}

.goc3{
	_border: 1px solid rgb(255, 255, 255);
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}
.goc5{
	_border: 1px solid rgb(255, 255, 255);
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.goc10{
	_border: 1px solid rgb(255, 255, 255);
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
.goc7{
	_border: 1px solid rgb(255, 255, 255);
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
}
.goct5{
	_border: 1px solid rgb(255, 255, 255);
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
.goct10{
	_border: 1px solid rgb(255, 255, 255);
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}
.gocb10{
	_border: 1px solid rgb(255, 255, 255);
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}

.opacity01{background: rgb(0, 0, 0) ; opacity: 0.1;}
.opacity02{background: rgb(0, 0, 0) ; opacity: 0.2;}
.opacity03{background: rgb(0, 0, 0) ; opacity: 0.3;}
.opacity04{background: rgb(0, 0, 0) ; opacity: 0.4;}
.opacity05{background: rgb(0, 0, 0) ; opacity: 0.5;}
.opacity06{background: rgb(0, 0, 0) ; opacity: 0.6;}
.opacity07{background: rgb(0, 0, 0) ; opacity: 0.7;}
.opacity08{background: rgb(0, 0, 0) ; opacity: 0.8;}
.opacity09{background: rgb(0, 0, 0) ; opacity: 0.9;}
.opacity10{background: rgb(0, 0, 0) ; opacity: 1;}

/** menu icons **/
.icon-16-archive 		{ background: url(../images/menu/icon-16-archive.png) left no-repeat; }
.icon-16-article 		{ background: url(../images/menu/icon-16-article.png) left no-repeat; }
.icon-16-banner-client	{ background: url(../images/menu/icon-16-banner-client.png) left no-repeat; }
.icon-16-category 		{ background: url(../images/menu/icon-16-category.png) left no-repeat; }
.icon-16-checkin 		{ background: url(../images/menu/icon-16-checkin.png) left no-repeat; }
.icon-16-component		{ background: url(../images/menu/icon-16-component.png) left no-repeat; }
.icon-16-config 		{ background: url(../images/menu/icon-16-config.png) left no-repeat; }
.icon-16-content 		{ background: url(../images/menu/icon-16-content.png) left no-repeat; }
.icon-16-cpanel 		{ background: url(../images/menu/icon-16-cpanel.png) left no-repeat; }
.icon-16-default 		{ background: url(../images/menu/icon-16-default.png) left no-repeat;}
.icon-16-frontpage 		{ background: url(../images/menu/icon-16-frontpage.png) left no-repeat;}
.icon-16-help			{ background: url(../images/menu/icon-16-help.png) left no-repeat;}
.icon-16-info 			{ background: url(../images/menu/icon-16-info.png) left no-repeat;}
.icon-16-install 		{ background: url(../images/menu/icon-16-install.png) left no-repeat;}
.icon-16-language 		{ background: url(../images/menu/icon-16-language.png) left no-repeat;}
.icon-16-logout 		{ background: url(../images/menu/icon-16-logout.png) left no-repeat;}
.icon-16-massmail 		{ background: url(../images/menu/icon-16-massmail.png) left no-repeat;}
.icon-16-messaging 		{ background: url(../images/menu/icon-16-messaging.png) left no-repeat;}
.icon-16-media 			{ background: url(../images/menu/icon-16-media.png) left no-repeat;}
.icon-16-menu 			{ background: url(../images/menu/icon-16-menu.png) left no-repeat;}
.icon-16-menumgr 		{ background: url(../images/menu/icon-16-menumgr.png) left no-repeat;}
.icon-16-messages 		{ background: url(../images/menu/icon-16-messages.png) left no-repeat;}
.icon-16-module 		{ background: url(../images/menu/icon-16-module.png) left no-repeat;}
.icon-16-plugin 		{ background: url(../images/menu/icon-16-plugin.png) left no-repeat;}
.icon-16-section 		{ background: url(../images/menu/icon-16-section.png) left no-repeat;}
.icon-16-static 		{ background: url(../images/menu/icon-16-static.png) left no-repeat;}
.icon-16-stats 			{ background: url(../images/menu/icon-16-stats.png) left no-repeat;}
.icon-16-themes 		{ background: url(../images/menu/icon-16-themes.png) left no-repeat;}
.icon-16-trash 			{ background: url(../images/menu/icon-16-trash.png) left no-repeat;}
.icon-16-user 			{ background: url(../images/menu/icon-16-user.png) left no-repeat; }
.icon-16-profile 		{ background: url(../images/menu/icon-16-user.png) left no-repeat;}
.icon-16-config 		{ background: url(../images/menu/icon-16-config.png) left no-repeat;}
.icon-16-info 			{ background: url(../images/menu/icon-16-info.png) left no-repeat;}
.icon-16-logout 		{ background: url(../images/menu/icon-16-logout.png) left no-repeat;}
.icon-16-groups 		{ background: url(../images/menu/icon-16-groups.png) left no-repeat;}
.icon-16-article 		{ background: url(../images/menu/icon-16-article.png) left no-repeat;}
.icon-16-newarticle 	{ background: url(../images/menu/icon-16-newarticle.png) left no-repeat;}
.icon-16-category 		{ background: url(../images/menu/icon-16-category.png) left no-repeat;}
.icon-16-section 		{ background: url(../images/menu/icon-16-section.png) left no-repeat;}
.icon-16-trash 			{ background: url(../images/menu/icon-16-trash.png) left no-repeat;}
.icon-16-comment		{ background: url(../images/menu/comment.png) left no-repeat;}
.icon-16-contacts 		{ background: url(../images/menu/icon-16-contacts.png) left no-repeat;}
.icon-16-levels 		{ background: url("../images/menu/icon-16-levels.png") left no-repeat;}
.icon-16-readmess 		{ background: url("../images/menu/icon-16-readmess.png") left no-repeat;}
.icon-16-maintenance 	{ background: url("../images/menu/icon-16-maintenance.png") left no-repeat;}
.icon-16-thanhtoan 		{ background: url("../images/menu/icon-16-thanhtoan.png") left no-repeat;}
.icon-16-note 			{ background: url("../images/menu/icon-16-note.png") left no-repeat;}
.icon-16-comment 		{ background: url("../images/menu/icon-16-comment.png") left no-repeat;}
.icon-16-currency 		{ background: url("../images/menu/icon-16-currency.png") left no-repeat;}
.icon-16-voting			{ background: url("../images/menu/icon-16-writemess.png") left no-repeat;}
.icon-16-weblinks		{ background: url("../images/menu/icon-16-links.png") left no-repeat;}
.icon-16-weblinks-cat	{ background: url("../images/menu/icon-16-links-cat.png") left no-repeat;}
.icon-16-banners		{ background: url("../images/menu/icon-16-banner.png") left no-repeat;}
.icon-16-banners-cat	{ background: url("../images/menu/icon-16-banner-categories.png") left no-repeat;}
.icon-16-back-user		{ background: url("../images/menu/icon-16-back-user.png") left no-repeat;}
.icon-16-cart			{ background: url("../images/menu/icon-16-cart.png") left no-repeat;}
.icon-16-money			{ background: url("../images/menu/icon-16-money.png") left no-repeat;}
.icon-16-profit			{ background: url("../images/menu/icon-16-profit.png") left no-repeat;}

.icon-16-contacts-categories	{ background: url("../images/menu/icon-16-contacts-categories.png") left no-repeat;}
.icon-16-help-forum		{ background: url("../images/menu/icon-16-help-forum.png") left no-repeat;}
.icon-16-new			{ background: url("../images/menu/icon-16-new.png") left no-repeat;}
.icon-16-dashboard		{ background: url("../images/menu/icon-16-dashboard.png") left no-repeat;}
.icon-16-newuser		{ background: url("../images/menu/icon-16-newuser.png") left no-repeat;}
.icon-16-user-dd		{ background: url("../images/menu/icon-16-user-dd.png") left no-repeat;}
.icon-16-user-view		{ background: url("../images/menu/icon-16-user-view.png") left no-repeat;}

/** toolbar icons **/
.icon-32-send 			{ background-image: url(../images/toolbar/icon-32-send.png); }
.icon-32-delete 		{ background-image: url(../images/toolbar/icon-32-delete.png); }
.icon-32-help 			{ background-image: url(../images/toolbar/icon-32-help.png); }
.icon-32-cancel 		{ background-image: url(../images/toolbar/icon-32-cancel.png); }
.icon-32-config 		{ background-image: url(../images/toolbar/icon-32-config.png); }
.icon-32-apply 		{ background-image: url(../images/toolbar/icon-32-apply.png); }
.icon-32-back			{ background-image: url(../images/toolbar/icon-32-back.png); }
.icon-32-forward		{ background-image: url(../images/toolbar/icon-32-forward.png); }
.icon-32-save 			{ background-image: url(../images/toolbar/icon-32-save.png); }
.icon-32-edit 			{ background-image: url(../images/toolbar/icon-32-edit.png); }
.icon-32-copy 			{ background-image: url(../images/toolbar/icon-32-copy.png); }
.icon-32-move 			{ background-image: url(../images/toolbar/icon-32-move.png); }
.icon-32-new 			{ background-image: url(../images/toolbar/icon-32-new.png); }
.icon-32-upload 		{ background-image: url(../images/toolbar/icon-32-upload.png); }
.icon-32-assign 		{ background-image: url(../images/toolbar/icon-32-publish.png); }
.icon-32-html 			{ background-image: url(../images/toolbar/icon-32-html.png); }
.icon-32-css 			{ background-image: url(../images/toolbar/icon-32-css.png); }
.icon-32-menus 			{ background-image: url(../images/toolbar/icon-32-menu.png); }
.icon-32-publish 		{ background-image: url(../images/toolbar/icon-32-publish.png); }
.icon-32-unpublish 	{ background-image: url(../images/toolbar/icon-32-unpublish.png);}
.icon-32-restore		{ background-image: url(../images/toolbar/icon-32-revert.png); }
.icon-32-trash 		{ background-image: url(../images/toolbar/icon-32-trash.png); }
.icon-32-archive 		{ background-image: url(../images/toolbar/icon-32-archive.png); }
.icon-32-unarchive 	{ background-image: url(../images/toolbar/icon-32-unarchive.png); }
.icon-32-preview 		{ background-image: url(../images/toolbar/icon-32-preview.png); }
.icon-32-default 		{ background-image: url(../images/toolbar/icon-32-default.png); }

/** header icons **/
.icon-48-generic 		{ background-image: url(../images/header/icon-48-generic.png); }
.icon-48-checkin 		{ background-image: url(../images/header/icon-48-checkin.png); }
.icon-48-cpanel 		{ background-image: url(../images/header/icon-48-cpanel.png); }
.icon-48-config 		{ background-image: url(../images/header/icon-48-config.png); }
.icon-48-module 		{ background-image: url(../images/header/icon-48-module.png); }
.icon-48-menu 			{ background-image: url(../images/header/icon-48-menu.png); }
.icon-48-menumgr 		{ background-image: url(../images/header/icon-48-menumgr.png); }
.icon-48-trash 			{ background-image: url(../images/header/icon-48-trash.png); }
.icon-48-groups			{ background-image: url(../images/header/icon-48-groups.png); }
.icon-48-user	 		{ background-image: url(../images/header/icon-48-user.png); }
.icon-48-inbox 			{ background-image: url(../images/header/icon-48-inbox.png); }
.icon-48-msgconfig 		{ background-image: url(../images/header/icon-48-message_config.png); }
.icon-48-langmanager 	{ background-image: url(../images/header/icon-48-language.png); }
.icon-48-mediamanager	{ background-image: url(../images/header/icon-48-media.png); }
.icon-48-plugin 		{ background-image: url(../images/header/icon-48-plugin.png); }
.icon-48-help_header 	{ background-image: url(../images/header/icon-48-help_header.png); }
.icon-48-impressions 	{ background-image: url(../images/header/icon-48-stats.png); }
.icon-48-browser 		{ background-image: url(../images/header/icon-48-stats.png); }
.icon-48-searchtext 	{ background-image: url(../images/header/icon-48-stats.png); }
.icon-48-thememanager	{ background-image: url(../images/header/icon-48-themes.png); }
.icon-48-massemail 		{ background-image: url(../images/header/icon-48-massemail.png); }
.icon-48-frontpage 		{ background-image: url(../images/header/icon-48-frontpage.png); }
.icon-48-sections 		{ background-image: url(../images/header/icon-48-section.png); }
.icon-48-addedit 		{ background-image: url(../images/header/icon-48-article-add.png); }
.icon-48-article 		{ background-image: url(../images/header/icon-48-article.png); }
.icon-48-categories 	{ background-image: url(../images/header/icon-48-category.png); }
.icon-48-install 		{ background-image: url(../images/header/icon-48-extension.png); }
.icon-48-dbbackup		{ background-image: url(../images/header/icon-48-backup.png); }
.icon-48-dbrestore 		{ background-image: url(../images/header/icon-48-dbrestore.png); }
.icon-48-dbquery 		{ background-image: url(../images/header/icon-48-query.png); }
.icon-48-systeminfo 	{ background-image: url(../images/header/icon-48-info.png); }
.icon-48-massemail 		{ background-image: url(../images/header/icon-48-massmail.png); }
.icon-48-notice 		{ background-image: url(../images/header/icon-48-notice.png); }
.icon-48-content 		{ background-image: url(../images/header/icon-48-content.png); }
.icon-48-stats 			{ background-image: url(../images/header/icon-48-stats.png); }
.icon-48-readmess		{ background-image: url(../images/header/icon-48-readmess.png); }
.icon-48-component		{ background-image: url(../images/header/icon-48-component.png); }
.icon-48-money			{ background-image: url(../images/header/icon-48-money.png); }
.icon-48-cart			{ background-image: url(../images/header/icon-48-cart.png); }
.icon-48-comment		{ background-image: url(../images/header/icon-48-comment.png); }
.icon-48-contacts		{ background-image: url(../images/header/icon-48-contacts.png); }
.icon-48-contacts-categories	{ background-image: url(../images/header/icon-48-contacts-categories.png); }
.icon-48-categories-media	{ background-image: url(../images/header/icon-48-category-media.png); }
.icon-48-user-profile	{ background-image: url(../images/header/icon-48-user-profile.png); }
.icon-48-links			{ background-image: url(../images/header/icon-48-links.png); }
.icon-48-help-forum		{ background-image: url(../images/header/icon-48-help-forum.png); }
.icon-48-banner			{ background-image: url(../images/header/icon-48-banner.png); }
.icon-48-levels			{ background-image: url(../images/header/icon-48-levels.png); }


